<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>电子围栏设置地图</title>
    <script type="text/javascript"
            src="http://webapi.amap.com/maps?v=1.3&key=7d24e3c0b1de00fcfc07dcb16ac3a087&plugin=AMap.PolyEditor,AMap.CircleEditor"></script>
    <script>
        var requireExtraPaths = {
            extrance: '../../../safety_js/setting/funBlackspotEnclMap'
        };
    </script>
    <style>

        #edit, #viewDoc {
            height: 28px;
            line-height: 28px;
            background-color: #0D9BF2;
            color: #FFF;
            border: 0;
            outline: none;
            padding-left: 5px;
            padding-right: 5px;
            border-radius: 3px;
            bottom: 10px;
            cursor: pointer;
            z-index: 2;
            position: absolute;
            right: 10px;
        }

        .dialog-tip {
            color: #0D9BF2;
            font-size: 14px;
            font-weight: bold;
        }
    </style>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
</head>
<body>
<form class="mt10" id="formData">
    <input type=hidden id="fencId" name="fencId">

    <input type="hidden" id="fencCd" name="fencCd">
    
    <ul class="form-grid form-grid2 clearfix" style="width: auto;">       
        <%--<li style="position: relative;width: auto;">
            <label class="label-text label-require" style="width: 80px;">
                <span class="red-star">*</span>所属机构：
            </label>
            <input class="input-text" type="text" placeholder="" id="fenc_organName" name='organName'
                   data-options="{url: '/baseOrgan/getBaseOrganList.htm',name: 'corpName',idKey: 'corpId',pIdKey: 'parentCorpId'}"
                   data-validator="{required:true}">
            <span class="inner-icon-tree" style="right: 9px;"></span>
            <input type="hidden" id="fenc_organId" name="organId">
        </li>
        <li style="position: relative;width: auto;">
            <label class="label-text" style="width: 50px;">
                <span class="red-star">*</span>名称：
            </label>
            <input class="input-text" type="text" id="fencName" name="fencName" placeholder="请输入名称" maxlength="20"
                   data-validator="{required:true}">
        </li>--%>
        <li class="li-radio" style="width: auto;">
            <label class="label-text" style="width: 50px; margin-left: 20px;">
                <span class="red-star">*</span>形状：
            </label>
            <label class="radio-wrap">
                <input type="radio" class="fencTypeRadio" name="fencType" value="1">
                <span class="span-text">多边形</span>
            </label>
            <label class="radio-wrap">
                <input type="radio" class="fencTypeRadio" name="fencType" value="0">
                <span class="span-text">圆形</span>
            </label>
        </li>
    </ul>
</form>


<div style="height: 100%;width: 100%;z-index:10;top: 0;position:absolute;display: none;" id="dialog">

    <div class="weilan-pop" style="width: 465px;" id="content">
        <a class="close-btn"></a>
        <pre style="line-height: 28px;">
        <span class="dialog-tip">绘制多边形</span>：
            鼠标在地图上点击开始绘制电子围栏区域，右击结束绘制
        <span class="dialog-tip">绘制圆形</span>：
            鼠标在地图上点击并且不要松开然后拖动鼠标，松开鼠标结束绘制
        <span class="dialog-tip">编辑多边形和圆形</span>：
            在编辑时双击多边形或者圆形内侧结束编辑
        </pre>
    </div>
</div>

<input type="button" class="button" value="编辑" id="edit" style="right: 100px;">
<input type="button" class="button" value="查看使用说明" id="viewDoc">

<div id="iCenter" style="padding: 0;"></div>

</body>
</html>